<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>新增行事历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/style-hn.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/gwat151/gwat151-info-add"],
            cb: function (o) {

            }
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        html {
            background-color: #efeff4;
        }

        .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after {
            font-size: 22px;
            color: #ccc;
            right: -6px;
        }

        .textList .mui-table-view-cell:after {
            height: 1px;
            left: 0;
        }

        .wf-slider-bottom {
            top: 0px;
            background: #fff;
        }

        .mui-checkbox input[type=checkbox] {
            width: 20px;
            right: 0;
            top: 6px;
        }

        .fromlist_flex .mui-col-sm-4.mui-col-xs-4 {
            display: flex;
            align-items: center;
        }

        .selectCont {
            border: none !important;
        }
    </style>
</head>

<body>
<div id="gwat151Info">

    <div class="mui-scroll-wrapper wf-slider-bottom">
        <div class="mui-scroll">

            <div class="fromlist" style="margin-top: 0;">
                <div class="mui-row">
                    <div class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>分类</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <select v-model="sub.GWBA007" v-cloak>
                                <option value="">请选择</option>
                                <option value="1">工作</option>
                                <option value="2">生活</option>
                            </select>
                        </div>
                    </div>
                    <div class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <input v-model="sub.GWBA001" type="text" placeholder="标题">
                        </div>
                    </div>
                    <div class="fromlist_group">
                        <div class="mui-col-sm-12 mui-col-xs-12">
                            <input v-model="sub.GWBA005" @tap.stop="showMap" type="text" placeholder="位置" readonly>
                        </div>
                    </div>
                </div>
            </div>

            <div class="fromlist">
                <div class="fromlist_group">
                    <div class="mui-input-row mui-checkbox mui-right" style="background: none">
                        <label style="padding: 10px 0;">全天</label>
                        <input name="checkbox1" @change="GWBA002" v-model="sub.GWBA002" true-value="Y" false-value="N"
                               type="checkbox">
                    </div>
                </div>
                <div class="fromlist_group">
                    <div class="mui-row fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>日期</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <input v-model="sub.GWBADOCDATE" type="date">
                        </div>
                    </div>

                </div>
                <div class="fromlist_group">
                    <div class="mui-row fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>开始时间</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <input v-model="sub.GWBA003" type="datetime-local">
                        </div>
                    </div>
                </div>
                <div class="fromlist_group">
                    <div class="mui-row fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>结束时间</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <input v-model="sub.GWBA004" type="datetime-local">
                        </div>
                    </div>

                </div>
                <div class="fromlist_group">
                    <div class="mui-row fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>重复</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <select v-model="sub.GWBA009" v-cloak>
                                <option value="0">永不</option>
                                <option value="1">每天</option>
                                <option value="2">每周</option>
                                <option value="3">每两周</option>
                                <option value="4">每月</option>
<!--                                <option value="5">每年</option>-->
                            </select>
                        </div>
                    </div>

                </div>
                <div v-if="sub.gwba009!='0'" class="fromlist_group fromlist_flex">
                    <div class="mui-col-sm-4 mui-col-xs-4">
                        <label>结束重复</label>
                    </div>
                    <div class="mui-col-sm-8 mui-col-xs-8">
                        <select v-model="sub.GWBA010" v-cloak>
                            <option value="0">永不</option>
                            <option value="1">于日期<input v-if="sub.GWBA010=='1'" v-model="sub.GWBA011" type="date">
                            </option>
                        </select>
                    </div>
                </div>
            </div>

            <div v-if="sub.GWBA007=='1'" class="fromlist">
                <div class="mui-row">
                    <div @tap.stop="showCustomers" class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>拜访客户</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <div class="mui-table-view-cell" style="padding: 10px 0px;">
                                <a class="mui-navigate-right">
                                    <span v-text="sub.CUSTOMER" style="font-size: 15px;"></span>
                                </a>
                            </div>
                        </div>

                    </div>

                    <div class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>拜访人员</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <input v-model="sub.GWBA016" type="text">
                        </div>
                    </div>
                    <div class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>职位</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <select v-model="sub.GWBA017" class="selectCont" v-cloak>
                                <option value="">请选择</option>
                                <option v-for="p in g_zw" :value="p.GWBD001">{{p.GWBDL003}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>角色</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <select v-model="sub.GWBA018" class="selectCont" v-cloak>
                                <option value="">请选择</option>
                                <option v-for="p in g_js" :value="p.GWAW001">{{p.GWAWL003}}</option>
                            </select>
                        </div>
                    </div>

                </div>
            </div>

            <div class="fromlist">
                <div class="mui-row">
                    <div class="fromlist_group fromlist_flex">
                        <div class="mui-col-sm-4 mui-col-xs-4">
                            <label>提醒</label>
                        </div>
                        <div class="mui-col-sm-8 mui-col-xs-8">
                            <select v-model="sub.GWBA012" v-cloak>
                                <option value="0">无</option>
                                <!--                                <option value="1">事件发生时</option>-->
                                <option value="2">5分钟前</option>
                                <option value="3">10分钟前</option>
                                <option value="4">15分钟前</option>
                                <option value="5">30分钟前</option>
                                <option value="6">1小时前</option>
                                <option value="7">2小时前</option>
                                <option value="8">1天前</option>
                                <option value="9">2天前</option>
                                <option value="10">1周前</option>

                            </select>
                        </div>
                    </div>
                    <!--                    <div class="fromlist_group fromlist_flex">-->
                    <!--                        <div class="mui-col-sm-4 mui-col-xs-4">-->
                    <!--                            <label>显示为</label>-->
                    <!--                        </div>-->
                    <!--                        <div class="mui-col-sm-8 mui-col-xs-8">-->
                    <!--                            <select v-model="sub.GWBA014" v-cloak>-->
                    <!--                                <option value="1">正忙</option>-->
                    <!--                                <option value="2">空闲</option>-->

                    <!--                            </select>-->
                    <!--                        </div>-->
                    <!--                    </div>-->
                </div>
            </div>
            <div class="fromlist">
                <div class="mui-row">
                    <div class="fromlist_group">
                        <div class="mui-col-sm-12 mui-col-xs-12">
                            <label>内容</label>
                        </div>
                        <div class="mui-col-sm-12 mui-col-xs-12">
                            <input v-model="sub.GWBA006" type="text" placeholder="请输入">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="footer" class="footBtn flexl shadow2" style="">
        <button type="button" class="wf-second-bg edit" @tap.stop="addData">保存</button>
    </div>
</div>
</body>

</html>